<template>
    <view class="container">
        <view class="headwrap" style=" height: 90rpx;">
            <u-sticky bgColor="#fff">
               <u-tabs :is-scroll="false" lineColor="#f39e00" :list="titleList" @click="tabsClick" :current="tabIndex">
				   
			   </u-tabs>
            </u-sticky>
        </view>
        <block v-if="titleList.length > 0">
		<view class="content">
			<swiper :style="{ height: height }" :current="tabIndex" @change="swiperChange">
			    <swiper-item v-for="(tab, i) in titleList" :key="i">
			        <mescroll-item
			            ref="mescrollItem"
			            :i="i"
			            :index="tabIndex"
			            :tabs="titleList"
						:tabObj="tab"
			        ></mescroll-item>
			    </swiper-item>
			</swiper>
		</view>
        
        </block>
          
        <!-- <loading-cover ref="loadingCover"></loading-cover> -->
         
    </view>
</template>

<script>
import list from './js/car.js';
// import uniTag from '@/components/uni-tag/uni-tag.vue';
import MescrollItem from './car-swiper-item.vue';
export default {
    components: {
        // uniTag,
        MescrollItem,
    },
    mixins: [list],
    data() {
        return {};
    }
};
</script>

<style lang="scss">
@import './css/car.scss';
</style>